import React from 'react'
import './style.css'

// 函数组件它是通过函数形参来进行接受的 形参为一个对象,一般命名为 props
// 形参它可以接受任意类型的数据 
// const Child = (props) => {
//   // console.log(props)
//   return (
//     <div>
//       <h3>Child子组件 -- {props.age}</h3>
//     </div>
//   )
// }
// const Child = ({ age }) => {
//   return (
//     <div>
//       <h3>Child子组件 -- {age}</h3>
//     </div>
//   )
// }
// 解构的同时给出默认值，此行为是开发者主动行动  -- 推荐
const Child = ({ age = 0 }) => {
  return (
    <div>
      <h3>Child子组件 -- {age}</h3>
    </div>
  )
}

export default Child
